<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/sys/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>农产品质量安全追溯系统 - 产品介绍</title>
<link rel="stylesheet" href="${path }/cms/css/public.css">
<link rel="stylesheet" href="${path }/cms/css/productIntroduce.css">
<script type="text/javascript" src="${path }/cms/js/jquery-1.8.3.min.js"></script>
</head>
<body>
<%@ include file="/WEB-INF/cms/header.jsp" %>

<div class="productInquire">
    <div>
        <img src="${path }/cms/images/cp1.png" alt="">
    </div>
    <div>
        <img src="${path }/cms/images/cp2.png" alt="">
    </div>
    <div>
        <input type="text" id="querycode" placeholder="请输入产品追溯码" />
        <p>商品条码，例：6901267867891</p>
        <img src="${path }/cms/images/cp5.png" alt="">
    </div>
    <div>
        <a href="javascript:;" onclick="doQuery()">
	        <div>点击查询</div>
	        <img src="${path }/cms/images/cp4.png" alt="点击查询" />
	    </a>
    </div>
</div>

<script type="text/javascript">
function doQuery(){
	location.href = '${path}/c/traceQuery.do?code='+$('#querycode').val();
}
</script>

<div class="btBox">
    <h2>产品介绍</h2>
    <p>product Introduction</p>
</div>

<div class="yqTopImgText">
    <div>
        <img src="${filepath }/wellproduct_img/${pdt.productImg }" alt="" onerror="this.src='${path }/cms/def/pdt.png'">
    </div>
    <div class="yqTopImgTextRight">
        <div>
            <h2>${pdt.productName }</h2>
        </div>
        <p>生产企业：${company.companyName }</p>
        <p>分类：<c:choose>
        	<c:when test="${pdt.type=='0' }">名优特色产品</c:when>
        	<c:when test="${pdt.type=='1' }">有机农产品</c:when>
        	<c:when test="${pdt.type=='2' }">绿色食品</c:when>
        	<c:when test="${pdt.type=='3' }">无公害农产品</c:when>
        	</c:choose></p>
        <p>产品认证：${empty pdt.identificationTime ? '未认证':'已认证' }</p>
        <c:if test="${not empty pdt.identificationTime }">
        <p>认证时间：<fmt:formatDate value="${pdt.identificationTime }" pattern="yyyy年MM月dd日"/></p>
        </c:if>
        
    </div>
</div>

<div class="textMessageBox">
    <p>${pdt.introduce }</p>
</div>

<c:if test="${not empty pdt.identification }">
<div class="btBox">
    <h2>资质认证</h2>
</div>

<div class="zzrzImgBox" style="text-align:center;">
    <c:if test="${not empty pdt.identification }">
    <img src="${filepath }/wellproduct_img/${pdt.identification }" alt="" style="width:400px;height:auto;" />
    </c:if>
    
</div>
</c:if>
<%@ include file="/WEB-INF/cms/footer.jsp" %>

</body>
</html>